-
Notifications
You must be signed in to change notification settings - Fork 83
Social Web UI: Add feed reader #2399
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Draft
pfefferle
wants to merge
30
commits into
add/reader
Choose a base branch
from
add/stream
base: add/reader
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Draft
+1,184
−279
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Major architectural changes: - Replaced custom routing with simpler state-based navigation - Implemented three-panel layout (sidebar, stage, inspector) - Created reusable Page and Panel components for consistent UI structure - Organized routes by section (dashboard, followers, following, interactions) Component improvements: - Layout: Dark theme (#1e1e1e) with fullscreen mode support - Sidebar: 300px fixed width with visible menu items on dark background - Stage: Main content area with DataViews tables and action buttons - Inspector: 380px conditional panel for item details TypeScript improvements: - Added explicit action types for Redux store (SetFollowersAction, etc.) - Created store.d.ts for @wordpress/data module augmentation - Fixed React JSX transform configuration (react-jsx mode) - Added missing icon type definitions Styling: - Consolidated styles into style-index.css via style.scss entry point - Added fullscreen body class management with useEffect hook - Used wpds design tokens for consistency with WordPress Design System - Proper margin-based spacing between panels
Changed the sidebar header title from 'ActivityPub' to 'Social Web' and updated menu item labels to use translation functions. This improves localization and better reflects the section's purpose.
Introduces a 'feed' resource to the Redux store, including actions, selectors, and async fetching logic for ActivityPub posts. Updates the sidebar navigation to include a Feed section and ensures feed data is loaded alongside followers, following, and interactions. This prepares the UI for displaying a user's ActivityPub feed.
Uncomments the line that runs PHP Code Sniffer on changed PHP files, ensuring code formatting is enforced during pre-commit.
Replaces the actor object's properties in FeedPost with new fields: ID, post_title, post_excerpt, and guid. Removes the previous fields such as id, name, preferredUsername, url, icon, and type to reflect updated data structure.
- Replace classnames with clsx for better class name handling - Restructure store into modular files (actions, selectors, reducer, types) - Replace hardcoded colors with wpds design tokens throughout SCSS - Move WordPress type declarations to project root /types/ - Create route-specific types.ts files for better organization - Add ThemedSurface component for consistent styled surfaces - Refactor Panel component to use ThemedSurface internally - Simplify design-tokens.scss to use wpds tokens directly All styling now uses wpds token names with fallback values for consistent theming.
Import style.scss from the JavaScript entry point to bundle all styles (global styles and component styles) into a single style-index.css file. This simplifies the build output and ensures fullscreen layout styles are properly applied. - Import style.scss in index.tsx to bundle all styles together - Remove editorStyle from block.json since styles are imported directly - Remove inline background style from root element - Clean up debug console.log statements
Base automatically changed from
refactor/social-web-ui-second-pass
to
add/reader
October 30, 2025 16:04
Introduces a 'feed' section to the sidebar and Redux store, including actions, selectors, and reducers for fetching and managing feed posts. Updates the layout and data hooks to support the new feed resource, and ensures dashboard statistics now include post counts. This enhances the social web interface with feed viewing capabilities.
Enhanced the social web sidebar by adding a site hub component with site icon, title, and a button to open the command palette. Updated dependencies to include 'wp-commands', 'wp-html-entities', and 'wp-url' to support new features.
Imported the 'classnames' utility in src/social-web/components/layout/index.tsx to fix a missing import error. This resolves issues where the S() function (an alias for classnames) was used without being defined, ensuring proper class name composition in the layout component.
Introduces new field components for the feed inspector (author, content, date, excerpt, metadata, status, title), a custom use-feed hook, and related styles. Updates feed, layout, and sidebar logic to support the new inspector. Also adds FeedActions and style for the feed route, and updates post type handling.
Uncomments the filter hook for 'rest_ap_post_query' to allow filtering AP posts by user. This change activates the previously disabled functionality.
This commit refactors the social-web module by updating Redux store actions, reducer, selectors, and types for improved state management. UI components in fields, layout, and sidebar have been enhanced for better structure and maintainability. The use-social-web-data hook is updated to leverage the new store logic. Build files are updated to reflect these changes and add 'wp-notices' as a dependency.
Removed dashboard-specific route and types files, and updated sidebar navigation to set 'Feed' as the default section. Refactored main layout and routing logic to simplify section handling and improve maintainability. Updated related components and styles to reflect these changes.
Replaces 'actor' with 'actor_info' for feed posts, updating REST field registration and all references. Removes the old author field and introduces avatar and name fields for improved display. Adds a post card field and updates metadata, content, and title rendering for a cleaner, more modular UI. Updates styles for post cards and feed layout, and refactors inspector to show avatars. Adjusts feed actions and view logic to match new structure.
Reorders ReactJSXRuntime and primitives imports in the follow-me block and related plugin JS files for consistency. No functional changes; improves code clarity and maintainability.
Replaces the old post-card component and style with a new inline feed post card rendering approach. Updates feed rendering logic, CSS classes, and layouts for improved interaction, selection, and appearance. Removes unused post-card.tsx and post-card-style.scss files, and updates excerpt rendering and metadata display for feed items.
Removed avatarFeedField and nameFeedField components and their exports. The metadataField now directly renders the avatar and author name, simplifying the code and reducing indirection.
Feed post title, excerpt, metadata, and content fields now decode HTML entities before rendering. This improves display of special characters and formatting in ActivityPub posts throughout the social web UI.
Changed the 'capabilities' array to enable 'activitypub' and set 'show_in_rest' to true for the custom post type. This allows the post type to be accessible via the REST API and supports ActivityPub-specific capabilities.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
[Feature] Collections
[Feature] WP Admin
[Focus] Editor
Changes to the ActivityPub experience in the block editor
[Status] In Progress
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Proposed changes:
Other information:
Testing instructions:
Changelog entry
Changelog Entry Details
Significance
Type
Message